import React, { PureComponent } from 'react';
import { CircleStyled } from './CircleStyled'
import header from 'images/hall/touxiang6@3x.png'

class Circle extends PureComponent {
  
  render() {
    return (

      <CircleStyled>
        <img className='headImg' src={this.props.data.cImg} alt="" />
        <div className='cirInfo'>
          <p className='name'>{this.props.data.cName}</p>
          <p className='content'>{this.props.data.cContent}</p>
          <>
            {
              this.props.data.photoImgs ? <div className='imgswrap'>
                {
                  this.props.data.photoImgs .map((value, index) => (
                    <img className='photo' key={index} src={value} alt="" />

                  ))
                }
              </div> : ''
            }
          </>
        </div>
      </CircleStyled>
    );
  }

  //lfm  add
  // componentDidMount(){

  //   fetch('/api/circle')
  //   .then((response)=>response.json())
    
  //   .then(result =>{
  //     console.log(result)
  //     this.setState({
  //       circleList:result.data
  //     })
  //   })
  // }
  
}

export default Circle;